
{#foreach $T as r}

{#if $T.r.style_type == 0}
	<div id="theme_one" class="god_goods">
		{#if $T.r.themeCovers != null && $T.r.themeCovers.length > 0}
			<img onclick="themeClick({$T.r.id},'{$T.r.themeCovers[0].url}')" width="{$P.width}" src="{$T.r.themeCovers[0].image}" alt="">
		{#else}
			<img src="../assets/100x100.png" width="{$P.width}">
		{#/if}
		<div style="text-align:center;margin-top:1rem;font-size: 1.5rem;color: #333333;">{$T.r.name}</div>
		<hr style="margin-bottom: 1.3rem;width: 4%;height: 0.167rem;background-color: green;margin-left: 48%;border: none;margin-top: 0.3rem;">
	</div>
{#/if}

{#if $T.r.style_type == 1}
<div id="theme_two">
	<div id="theme_two_left" style="display:inline-block;width:49.2%;margin-top:0.3rem;">
		{#if $T.r.themeCovers != null && $T.r.themeCovers.length > 0}
			<img onclick="themeClick({$T.r.id},'{$T.r.themeCovers[0].url}')" src="{$T.r.themeCovers[0].image}" style="width:{$P.width*0.492}px;height: {$P.width*0.68*0.492}px;" alt="">
		{#else}
			<img src="../assets/100x100.png" style="width:{$P.width*0.492}px;height: {$P.width*0.68*0.492}px;">
		{#/if}
	</div>
	<div id="theme_two_right" style="display:inline-block;width:49.2%;float:right;margin-top:0.3rem;">
		{#if $T.r.themeCovers != null && $T.r.themeCovers.length > 1}
			<img onclick="themeClick({$T.r.id},'{$T.r.themeCovers[1].url}')" href="{$T.r.themeCovers[1].url}" src="{$T.r.themeCovers[1].image}" style="width:{$P.width*0.492}px;height: {$P.width*0.68*0.492}px;">
		{#else}
			<img src="../assets/100x100.png" style="width:{$P.width*0.492}px;height: {$P.width*0.68*0.492}px;">
		{#/if}
	</div>
	
	<div style="text-align:center;margin-top:1rem;font-size: 1.5rem;color: #333333;">{$T.r.name}</div>
	<hr style="margin-bottom: 1.3rem;width: 4%;height: 0.167rem;background-color: green;margin-left: 48%;border: none;margin-top: 0.3rem;">
</div>
{#/if}

{#if $T.r.style_type == 2}
<div id="theme_three">
	<div style='margin-top:0.3rem;'>
		<div id="theme_three_left" style='display:inline-block;width:49.2%;'>
			{#if $T.r.themeCovers != null && $T.r.themeCovers.length > 0}
				<img onclick="themeClick({$T.r.id},'{$T.r.themeCovers[0].url}')" src="{$T.r.themeCovers[0].image}" style="height: {$P.width*0.6973*0.495}px;width:{$P.width*0.495}px;" alt="">
			{#else}
				<img src="../assets/100x100.png" style="height: {$P.width*0.6973*0.495}px;width:{$P.width*0.495}px;">
			{#/if}
		</div>
		<div id="theme_three_right" style='display:inline-block;width:49.2%;float:right;'>
			{#if $T.r.themeCovers != null && $T.r.themeCovers.length > 1}
				<img onclick="themeClick({$T.r.id},'{$T.r.themeCovers[1].url}')" src="{$T.r.themeCovers[1].image}" style="height: {$P.width*0.3243*0.495}px;width:{$P.width*0.495}px;">
			{#else}
				<img src="../assets/100x100.png" style="height: {$P.width*0.3243*0.495}px;width:{$P.width*0.495}px;">
			{#/if}
			<div style="width:{$P.width*0.495}px;height: 0.75rem;"></div>
			{#if $T.r.themeCovers != null && $T.r.themeCovers.length > 2}
				<img onclick="themeClick({$T.r.id},'{$T.r.themeCovers[2].url}')" src="{$T.r.themeCovers[2].image}" style="height: {$P.width*0.3243*0.495}px;width:{$P.width*0.495}px;">
			{#else}
				<img src="../assets/100x100.png" style="height: {$P.width*0.3243*0.495}px;width:{$P.width*0.495}px;">
			{#/if}
		</div>
	</div>
	
	<div style="text-align:center;margin-top:1rem;font-size: 1.5rem;color: #333333;">{$T.r.name}</div>
	<hr style="margin-bottom: 1.3rem;width: 4%;height: 0.167rem;background-color: green;margin-left: 48%;border: none;margin-top: 0.3rem;">
</div>
{#/if}

{#if $T.r.style_type == 3}
<div>
	<ul style="-webkit-overflow-scrolling : auto;overflow-y:hidden;white-space: nowrap;margin:0.2rem 0 0 0;padding:0 0.2rem;">
		{#foreach $T.r.shopThemeDetailses as f}
		<li class="goods_list" onclick="locationClick({$T.f.product_id})">
			<img alt="" href="" class="goodsImg" src="{$T.f.productImage.split(',')[0]}" height="7.08rem" width="7.08rem">
			{#if $T.f.main_color != null && $T.f.main_lable != null}
			<div style="width: 2.8rem;height: 1.5rem;position: absolute;left:0;top:0;color:white;padding-left: 0.3rem;padding-top: 0.12rem;font-size: 1rem; border-bottom-right-radius: 0.6rem;text-shadow:none;background:{$T.f.main_color}">{$T.f.main_lable}</div>
			{#/if}
			<div style="font-size: 1.1rem;height: auto;color: #333333;margin-top: 0.6rem;">{$T.f.productName}</div>
			<span style='font-size:1rem;color:red;'>¥</span><span class='price' style='font-size:1.6rem;'>{$T.f.productPrice}</span>
		</li>
		
		{#/for}
		<li class="goods_list">
			<img onclick="themeClick({$T.r.id}, null)" class="goodsImg" src="../image/seeall.png" height="7.08rem" width="7.08rem">
			<div style="font-size: 1.1rem;height: auto;color: #333333;margin-top: 0.6rem;text-align: center;">
				<img alt="" href="" src="../image/dot.png" width="5.667rem" height="1.0rem" style="width: 5.667rem;height:1.0rem;">
			</div>
		</li>
	</ul>
</div>
{#/if}

{#/for}

{#if ($T != null && $T.length > 0)}
	{#if $P.lastPage != true}
		<div class="dibu">
			<span onclick="loadmore()">加载更多数据!</span>
			<img src="../image/top.png" style="width: 2rem;height: 2rem;" onclick="gotop()">
		</div>
	{#else}
		<div class="dibu">
			到底啦! 宝贝被你挖完喽!
			<img src="../image/top.png" style="width: 2rem;height: 2rem;" onclick="gotop()">
		</div>
	{#/if}
{#else}
	<div class="dibu">
		到底啦! 宝贝被你挖完喽!
		<img src="../image/top.png" style="width: 2rem;height: 2rem;" onclick="gotop()">
	</div>
{#/if}

